<!doctype html>
<html>
    <head>
        <meta charset="UTF-8"/><!--utf-8 :国际编码-->
        <title>华为商城官网</title>
        <link rel="shortcut icon" href="favicon.ico">   <!--设置网站logo图标-->
        <link rel="stylesheet" type="text/css" href="CSS/common.css"> 
        <link rel="stylesheet" type="text/css" href="CSS/header.css">  
        <link rel="stylesheet" type="text/css" href="CSS/content.css">  
        <link rel="stylesheet" type="text/css" href="CSS/footer.css">
    </head>
    <body>
        <script src="JS/jquery.js"></script>
        <script type="text/javascript" src="JS/header.js"></script>
        <div id="wrapper">
                <div id="header">
                    <div id="h-new">
                        <a href="#" class="h-n-con">
                            <img src="images/header/02.jpg" alt="">
                        </a>
                        <a href="#" class="h-close"></a>
                    </div>
                    <div id="h-nav">
                        <div class="h-n-l">
                            <!--所有列表项需要同行显示，设置左浮动.fl样式实现-->
                                       <div class="fl aff"><a href="#">首页</a></div>
                                       <div class="fl"><a href="#">华为官网</a></div>
                                       <div class="fl"><a href="#">荣耀官网</a></div>
                                       <div class="fl"><a href="#">花粉俱乐部</a></div>
                                       <div class="fl"><a href="#">V码(优购码)</a></div>
                                       <div class="fl"><a href="#">企业购</a></div>
                                       <div class="fl"><a href="#">Select Region</a></div>
                                <!--此处“更多精彩”有下拉菜单，下文详述-->
                                       <div  id="mo" class="bgcchange" onmouseenter="min('mo',1)" onmouseleave="mout('mo',1)">
                                           更多精彩
                                        </div>                                       
                        </div>
                                <!--接着定义右边浮动横向菜单。.fr实现右浮动；clearfix恢复h-n-r元素高度-->
                        <div class="h-n-r">
                                <!--此处“请登录”和“注册”之间没有分隔线，定义样式.no-bor实现-->
                                    <div class="fr no-bor" id="gwc" onmouseenter="min4('gwc',1)" onmouseleave="mout4('gwc',1)">购物车(0)</div>
                                    <div class="fr" id="sjb"style="padding-left: 10px;" onmouseenter="min3('sjb',1)" onmouseleave="mout3('sjb',1)">手机版</div>
                                    <div class="fr" id="wd" onmouseenter="min2('wd',1)" onmouseleave="mout2('wd',1)">网站导航</div>
                                    <div class="fr" id="kf" onmouseenter="min1('kf',1)" onmouseleave="mout1('kf',1)">客户服务</div>
                                    <div class="fr"><a href="#">我的订单</a></div>
                                    <div class="fr"><a href="#">注册</a></div>
                                    <div class="fr no-bor"><a href="#">请登录</a></div>
                                    <!--此处“购物车(0)”有下拉菜单，下文详述-->
                        </div>
                   </div>
                </div>
                <div id="h-content">
                    <div id="h-c-con">
                        <div class="fl1 no-bor1" style="top: -5px;">
                            <img src="images/header/logonew.png" alt="" width="240px" height="40px">
                        </div>
                        <div class='fl1 no-bor1'id="op"><img src="images/header/h-c-1.png" width="80xp" heigth="30px"></div>
						<div class='fl1 no-bor1'id="op"><img src="images/header/h-c-2.png" width="80xp" heigth="30px"></div>
						<div class='fl1 no-bor1'><a class="a1" href="#">HUAWEI P40系列</a></div>
						<div class='fl1 no-bor1'><a class="a1" href="#">荣耀30系列</a></div>
						<div class='fl1 no-bor1'><a class="a1" href="#">安心居家</a></div>
                        <div class="fr no-bor" style="float: right;">
                            <form action=""  class="search fr no-bor"  name="">
                                <input type="text" name="" class="search-bar">
                                <div class="aa2"><a href="" class="a2">荣耀X10</a>&nbsp;&nbsp;<a href="#" class="a2">nova 7 5G</a></div>
                                <input type="submit" name=""  class="s-submit" value="">
                            </form>
                        </div>
                    </div>
                </div>
                    <div id="gg">
                        <img src="images/content/00 banner/banner-1.jpg">
                    </div>
                    <div id="c-nav">
                        <div id="c-nav-l">
                            <div id="c-nav-l-1">
                                <img src="images/content/01 login and icon/img_not_logged_in.png" alt="">
                                <a class="ca1">你好！请 </a><a class="ca2">登录</a>&nbsp;/&nbsp;<a class="ca2">注册</a>
                                <div id="c-n-l-1-1">新人福利</div> <div id="c-n-l-1-2">会员频道</div>
                            </div>
                            <div id="c-nav-l-2">
                                <div id="c-n-l-2-1">
                                </div>
                                <div id="c-n-l-2-2">
                                </div>
                                <div id="c-n-l-2-3">
                                </div>
                                <div id="c-n-l-2-4">
                                </div>
                                <div id="c-n-l-2-5">
                                </div>
                                <div id="c-n-l-2-6">
                                </div>
                                <div id="c-font">
                                    <div><a>企业购特惠</a></div>
                                    <div><a>会员领卷</a></div>
                                    <div><a>以旧换新</a></div>
                                    <div><a>Mate 30系列</a></div>
                                    <div><a>华为数码</a></div>
                                    <div><a>荣耀数码</a></div>
                                </div>
                                <div id="c-n-l-7">
                                    <div id="c-n-l-7-1">
                                        <span>公告</span>
                                    </div>
                                    <div id="c-n-l-7-2">
                                        <img id="cimg1" src="images/content/c-n-7.png">
                                        <img id="cimg2" src="images/content/c-n-8.png">
                                        <img id="cimg3" src="images/content/c-n-9.png">
                                        <div id="cimg1f"><a>优购码</a></div>
                                        <div id="cimg2f"><a>更换电池</a></div>
                                        <div id="cimg3f"><a>补购保障</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <div id="content">
                    <div id="content-1">
                        <div id="content-1-img" style="margin-left: 9px;"><img src="images/content/02 promo/promo-1.jpg"></div>
                        <div id="content-1-img"><img src="images/content/02 promo/promo-2.jpg"></div>
                        <div id="content-1-img"><img src="images/content/02 promo/promo-3.jpg"></div>
                        <div id="content-1-img"><img src="images/content/02 promo/new-promo-4.png"></div>
                    </div>
                    <div id="left-img">
                        <img src="images/content/left-1.png">
                    </div>
                    <div id="right-img">
                        <img src="images/content/right-1.png">
                    </div>
                    <div class="p1" id="pp1">
                        热销单品
                    </div>
                    <div id="content-2">
                        <div id="L-1">
                            <img src="images/content/03 hots-goods/L-1.png">
                        </div>
                        <div id="R-T">
                            <div id="R-T-1" class="m-img lf">
                                <img src="images/content/03 hots-goods/m-t-1.png">
                                <p>HUAWEI nova 7 5G</p>
                                <p class="font2">晒单赠好礼</p>
                                <p class="font3">￥2999</p>
                            </div>
                            <div id="R-T-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/03 hots-goods/m-t-2.png">
                                <p>荣耀30</p>
                                <p class="font2">享12期免期/赠电源</p>
                                <p class="font3">￥3199</p>
                            </div>
                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/03 hots-goods/m-t-3.png">
                                <p>HUAWEI Mate 30 5G</p>
                                <p class="font2">12期免期|预定省100</p>
                                <p class="font3">￥4499</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/03 hots-goods/m-t-4.png">
                                <p>荣耀30S</p>
                                <p class="font2">享6期免期</p>
                                <p class="font3">￥2399</p>
                            </div>
                        </div>
                        
                        <div id="R-B">
                            <div id="R-B-1" class="m-img lf">
                                <img src="images/content/03 hots-goods/m-b-1.png">
                                <p>HUAWEI Mate 30 Pro 5G</p>
                                <p class="font2">12期免息|预定省200</p>
                                <p class="font3">￥6399</p>
                            </div>
                            <div id="R-B-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/03 hots-goods/m-b-2.png">
                                <p>荣耀 Play4T Pro</p>
                                <p class="font2">购新机享多重权益</p>
                                <p class="font3">￥1499</p>
                            </div>
                            <div id="R-B-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/03 hots-goods/m-b-3.png">
                                <p>HUAWEI nova 5z</p>
                                <p class="font2">晒单赠好礼</p>
                                <p class="font3">￥1599</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/03 hots-goods/m-b-4.png">
                                <p>荣耀 Play4T</p>
                                <p class="font2">新品晒单限量自拍杆</p>
                                <p class="font3">￥1199</p>
                            </div>
                        </div>
                    </div>
                    <div class="p1" id="pp2">
                        精品推荐
                    </div>
                    <div id="content-3">
                        <div class="con-more">
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius">
                                <img src="images/content/04 recommend-goods/1.png">
                                <div class="c-m-f1 b-border-radius">
                                    <p class="font2">预定最高省1000+12期免息</p>
                                    <p >华为智慧屏 V65</p>
                                    <p class="font3">￥6999</p>
                                </div>
                            </div>
                            <div id="c-3-2" class="lf padding20px wandh marginleft10px t-border-radius b-border-radius">
                                <img src="images/content/04 recommend-goods/2.png">
                                <div class="c-m-f1 b-border-radius">
                                    <p class="font2">预订最高省1500元</p>
                                    <p >华为智慧屏X1 65英寸</p>
                                    <p class="font3">￥3299</p>
                                </div>
                            </div>
                            <div id="c-3-3" class="lf padding20px wandh marginleft10px t-border-radius b-border-radius">
                                <img src="images/content/04 recommend-goods/3.png">
                                <div class="c-m-f1 b-border-radius">
                                    <p class="font2">新品预订价749</p>
                                    <p >HUAWEI FREEbuds 3 有线充版</p>
                                    <p class="font3">￥899</p>
                                </div>
                            </div>
                            <div id="c-3-4" class="lf padding20px wandh marginleft10px t-border-radius b-border-radius">
                                <img src="images/content/04 recommend-goods/4.png">
                                <div class="c-m-f1 b-border-radius">
                                    <p class="font2">订金100元抵500元</p>
                                    <p >荣耀笔记本 Pro 2020款</p>
                                    <p class="font3">￥5999</p>
                                </div>
                            </div>
                            <div id="c-3-5" class="lf padding20px wandh marginleft10px t-border-radius b-border-radius">
                                <img src="images/content/04 recommend-goods/5.png">
                                <div class="c-m-f1 b-border-radius">
                                    <p class="font2">提前预订省100元</p>
                                    <p >HUAWEI MateBook 14 2020款</p>
                                    <p class="font3">￥5899</p>
                                </div>
                            </div>
                        </div>
                    </div>
                      <!--定义content部分-->
                      <div class="banner" style="top: 2020px;">
                          <img src="images/content/05 banner2/b1.png">
                      </div>
                      <div class="p1" id="pp3">
                        <div class="lf">手机</div>
                        <div class="c-p2">
                            <div><a class="a1 lf c-p2f pad-r-20px">HUAWEI Mate系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">HUAWEI P系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">HUAWEI nova系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">荣耀 V系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">荣耀 HONOR系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">荣耀 X系列</a></div>
                            <div style="position: absolute;right: 25px;top:0px;font-size: 18px;"><a class="a1">查看更多 ﹥</a></div>
                        </div>
                    </div>
                      <div id="content-4">

                        <div id="R-T" style="left: 20px;width: 1228px;">
                            <div id="R-T-1" class="m-img lf" style="padding: unset;">
                                <img src="images/content/sj-1.png" style="width: 230px;height: 250px;border-radius: 10px;">
                            </div>
                            <div id="R-T-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-2.png">
                                <p>荣耀30</p>
                                <p class="font2">享12期免期/赠电源</p>
                                <p class="font3">￥3199</p>
                            </div>
                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-3.png">
                                <p>HUAWEI Mate 30 5G</p>
                                <p class="font2">12期免期|预定省100</p>
                                <p class="font3">￥4499</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-4.png">
                                <p>荣耀30S</p>
                                <p class="font2">享6期免期</p>
                                <p class="font3">￥2399</p>
                            </div>
                            <div id="R-T-5" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-5.png">
                                <p>荣耀30S</p>
                                <p class="font2">享6期免期</p>
                                <p class="font3">￥2399</p>
                            </div>
                        </div>
                        
                        <div id="R-B" style="left: 20px;width: 1228px;">
                            <div id="R-B-1" class="m-img lf">
                                <img src="images/content/sj-6.png">
                                <p>HUAWEI Mate 30 Pro 5G</p>
                                <p class="font2">12期免息|预定省200</p>
                                <p class="font3">￥6399</p>
                            </div>
                            <div id="R-B-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-7.png">
                                <p>荣耀 Play4T Pro</p>
                                <p class="font2">购新机享多重权益</p>
                                <p class="font3">￥1499</p>
                            </div>
                            <div id="R-B-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-8.png">
                                <p>HUAWEI nova 5z</p>
                                <p class="font2">晒单赠好礼</p>
                                <p class="font3">￥1599</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-9.png">
                                <p>荣耀 Play4T</p>
                                <p class="font2">新品晒单限量自拍杆</p>
                                <p class="font3">￥1199</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-10.png">
                                <p>荣耀 Play4T</p>
                                <p class="font2">新品晒单限量自拍杆</p>
                                <p class="font3">￥1199</p>
                            </div>
                        </div>
                        
                    </div>
                    <div id="content-4" style="top: 2730px;">

                        <div id="R-T" style="left: 20px;width: 1228px;">
                            <div id="R-T-1" class="m-img lf">
                                <img src="images/content/sj-11.png">
                                <p>HUAWEI nova 7 5G</p>
                                <p class="font2">晒单赠好礼</p>
                                <p class="font3">￥2999</p>
                            </div>
                            <div id="R-T-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-12.png">
                                <p>荣耀30</p>
                                <p class="font2">享12期免期/赠电源</p>
                                <p class="font3">￥3199</p>
                            </div>
                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-13.png">
                                <p>HUAWEI Mate 30 5G</p>
                                <p class="font2">12期免期|预定省100</p>
                                <p class="font3">￥4499</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-14.png">
                                <p>荣耀30S</p>
                                <p class="font2">享6期免期</p>
                                <p class="font3">￥2399</p>
                            </div>
                            <div id="R-T-5" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-15.png">
                                <p>荣耀30S</p>
                                <p class="font2">享6期免期</p>
                                <p class="font3">￥2399</p>
                            </div>
                        </div>
                        
                        <div id="R-B" style="left: 20px;width: 1228px;">
                            <div id="R-B-1" class="m-img lf">
                                <img src="images/content/sj-16.png">
                                <p>HUAWEI Mate 30 Pro 5G</p>
                                <p class="font2">12期免息|预定省200</p>
                                <p class="font3">￥6399</p>
                            </div>
                            <div id="R-B-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-17.png">
                                <p>荣耀 Play4T Pro</p>
                                <p class="font2">购新机享多重权益</p>
                                <p class="font3">￥1499</p>
                            </div>
                            <div id="R-B-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-18.png">
                                <p>HUAWEI nova 5z</p>
                                <p class="font2">晒单赠好礼</p>
                                <p class="font3">￥1599</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-19.png">
                                <p>荣耀 Play4T</p>
                                <p class="font2">新品晒单限量自拍杆</p>
                                <p class="font3">￥1199</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sj-20.png">
                                <p>荣耀 Play4T</p>
                                <p class="font2">新品晒单限量自拍杆</p>
                                <p class="font3">￥1199</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="p1" id="pp4">
                        <div class="lf">笔记本电脑</div>
                        <div class="c-p2">
                            <div><a class="a1 lf c-p2f pad-r-20px">华为Matebook X系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">华为Matebook系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">华为Matebook D系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">华为Matebook E系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">荣耀 MagicBook系列</a></div>
                            <div style="position: absolute;right: 25px;top:0px;font-size: 18px;"><a class="a1">查看更多 ﹥</a></div>
                        </div>
                    </div>
                      <div id="content-4" style="top:3320px">

                        <div id="R-T" style="left: 20px;width: 1228px;">
                            <div id="R-T-1" class="m-img lf" style="padding: unset;">
                                <img src="images/content/bj-1.png" style="width: 230px;height: 250px;border-radius: 10px;">
                            </div>
                            <div id="R-T-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-2.png">
                                <p>荣耀笔记本Pro 2020款</p>
                                <p class="font2">订金100元抵500元</p>
                                <p class="font3">￥5999</p>
                            </div>
                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-3.png">
                                <p>HUAWEI MateBook 14 202...</p>
                                <p class="font2">提前预定省100</p>
                                <p class="font3">￥6399</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-4.png">
                                <p>荣耀笔记本 14</p>
                                <p class="font2">轻薄机身长续航</p>
                                <p class="font3">￥3899</p>
                            </div>
                            <div id="R-T-5" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-5.png">
                                <p>HUAWEI MateBook 13 202...</p>
                                <p class="font2">预定省100+赠鼠标</p>
                                <p class="font3">￥5999</p>
                            </div>
                        </div>
                        
                        <div id="R-B" style="left: 20px;width: 1228px;">
                            <div id="R-B-1" class="m-img lf">
                                <img src="images/content/bj-6.png">
                                <p>HUAWEI MateBook D 14</p>
                                <p class="font2">预定最高省300</p>
                                <p class="font3">￥4299</p>
                            </div>
                            <div id="R-B-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-7.png">
                                <p>荣耀笔记本 Pro</p>
                                <p class="font2">低至3999</p>
                                <p class="font3">￥3999</p>
                            </div>
                            <div id="R-B-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-8.png">
                                <p>HUAWEI MateBook D 15</p>
                                <p class="font2">预定最高省300</p>
                                <p class="font3">￥5599</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-9.png">
                                <p>荣耀笔记本15</p>
                                <p class="font2">最高降300</p>
                                <p class="font3">￥3899</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-10.png">
                                <p>HUAWEI MateBook 13 锐...</p>
                                <p class="font2">预定最高省200</p>
                                <p class="font3">￥4699</p>
                            </div>
                        </div>
                        <div id="R-T" style="left: 20px;width: 1228px;top:530px">
                            <div id="R-T-1" class="m-img lf">
                                <img src="images/content/bj-11.png">
                                <p>HUAWEI MateBook X Pro</p>
                                <p class="font2">预订最高省1400元</p>
                                <p class="font3">￥8999</p>
                            </div>
                            <div id="R-T-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-12.png">
                                <p>HUAWEI MateBook 14</p>
                                <p class="font2">2K全面屏</p>
                                <p class="font3">￥5999</p>
                            </div>
                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-13.png">
                                <p>HUAWEI MateBook D</p>
                                <p class="font2">金属一体化机身</p>
                                <p class="font3">￥5188</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-14.png">
                                <p>HUAWEI MateBook X Pro</p>
                                <p class="font2">全面屏笔记本电脑</p>
                                <p class="font3">￥7988</p>
                            </div>
                            <div id="R-T-5" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/bj-15.png">
                                <p>HUAWEI MateBook X Pro</p>
                                <p class="font2">预定立省100元</p>
                                <p class="font3">￥9999</p>
                            </div>
                        </div>
                    </div>
                    <div class="p1" id="pp5">
                        <div class="lf">精品平板</div>
                        <div class="c-p2">
                            <div><a class="a1 lf c-p2f pad-r-20px">华为MatePad 系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">华为畅享 系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">荣耀数字 系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">荣耀畅玩 系列</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">荣耀防水 系列</a></div>
                            <div style="position: absolute;right: 25px;top:0px;font-size: 18px;"><a class="a1">查看更多 ﹥</a></div>
                        </div>
                    </div>
                    <div id="content-4" style="top: 4240px;">

                        <div id="R-T" style="left: 20px;width: 1228px;">
                            <div id="R-T-1" class="m-img lf" style="padding: unset;">
                                <img src="images/content/jp-1.png" style="width: 230px;height: 250px;border-radius: 10px;">
                            </div>
                            <div id="R-T-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jp-2.png">
                                <p>HUAWEI MatePad 10.4英...</p>
                                <p class="font2">提前预定省100</p>
                                <p class="font3">￥1899</p>
                            </div>
                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jp-3.png">
                                <p>华为平板 M6 10.8英寸</p>
                                <p class="font2">预定立省50元</p>
                                <p class="font3">￥2299</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jp-4.png">
                                <p>荣耀平板5 10.1英寸</p>
                                <p class="font2">高清大屏 8核芯片</p>
                                <p class="font3">￥1199</p>
                            </div>
                            <div id="R-T-5" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jp-5.png">
                                <p>荣耀平板V6 10.4英寸</p>
                                <p class="font2">WiFi6+平板上市 预约...</p>
                                <p class="font3">暂无报价</p>
                            </div>
                        </div>
                        
                        <div id="R-B" style="left: 20px;width: 1228px;">
                            <div id="R-B-1" class="m-img lf">
                                <img src="images/content/jp-6.png">
                                <p>荣耀畅玩平板2 9.6英寸</p>
                                <p class="font2">护眼滤蓝光高清大屏</p>
                                <p class="font3">￥1099</p>
                            </div>
                            <div id="R-B-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jp-7.png">
                                <p>华为平板 M6 8.4英寸</p>
                                <p class="font2">液冷散热 GPU加速</p>
                                <p class="font3">￥2499</p>
                            </div>
                            <div id="R-B-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jp-8.png">
                                <p>荣耀畅玩平板2.8英寸</p>
                                <p class="font2">4800mAh大电池长续航</p>
                                <p class="font3">￥799</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jp-9.png">
                                <p>华为平板 M5 青春版 10.1...</p>
                                <p class="font2">享3期免息</p>
                                <p class="font3">￥1799</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jp-10.png">
                                <p>荣耀平板5.8英寸</p>
                                <p class="font2">麒麟710芯片 全高清屏</p>
                                <p class="font3">￥1099</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="p1" id="pp6">
                        <div class="lf">智能穿戴</div>
                        <div class="c-p2">
                            <div><a class="a1 lf c-p2f pad-r-20px">智能手表</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">儿童手表</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">智能手环</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">智能健康配件</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">VR</a></div>
                            <div style="position: absolute;right: 25px;top:0px;font-size: 18px;"><a class="a1">查看更多 ﹥</a></div>
                        </div>
                    </div>
                    <div id="content-4" style="top: 4870px;">

                        <div id="R-T" style="left: 20px;width: 1228px;">
                            <div id="R-T-1" class="m-img lf" style="padding: unset;width: 470px;">
                                <img src="images/content/zc-1.png" style="width: 470px;height: 250px;border-radius: 10px;">
                            </div>

                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zc-2.png">
                                <p>华为儿童手表 3 Pro 超能版</p>
                                <p class="font2">提前预订省100</p>
                                <p class="font3">￥998</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zc-3.png">
                                <p>HONOR MagicWatch 2 46...</p>
                                <p class="font2">提前预订 到手价799起</p>
                                <p class="font3">￥1099</p>
                            </div>
                            <div id="R-T-5" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zc-4.png">
                                <p>HUAWEI WATCH GT 2e</p>
                                <p class="font2">预定立省50元</p>
                                <p class="font3">￥1288</p>
                            </div>
                        </div>
                        
                        <div id="R-B" style="left: 20px;width: 1228px;">
                            <div id="R-B-1" class="m-img lf">
                                <img src="images/content/zc-5.png">
                                <p>荣耀手表梦幻系列</p>
                                <p class="font2">提前预订 最高省600</p>
                                <p class="font3">￥799</p>
                            </div>
                            <div id="R-B-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zc-6.png">
                                <p>华为儿童手表 3 Pro</p>
                                <p class="font2">限时直降150</p>
                                <p class="font3">￥648</p>
                            </div>
                            <div id="R-B-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zc-7.png">
                                <p>荣耀手表魔法系列</p>
                                <p class="font2">预订最高省600</p>
                                <p class="font3">￥699</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zc-8.png">
                                <p>HUAWEI VR Glass</p>
                                <p class="font2">IMAX 巨幕影院</p>
                                <p class="font3">￥2999</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zc-9.png">
                                <p>华为儿童手表 3s</p>
                                <p class="font2">直降80</p>
                                <p class="font3">￥418</p>
                            </div>
                        </div>
                        
                    </div>
                    <div id="content-3" style="top:5430px">
                        <div class="con-more">
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius"
                            style="width: 180px;height: 180px; padding: unset;margin-left: 23px;">
                                <img src="images/content/s-1.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">预定立省30</p>
                                    <p >荣耀手环 5</p>
                                    <p class="font3">￥199</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/s-2.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">限时直降100</p>
                                    <p >华为儿童手表 3X ( 曜...</p>
                                    <p class="font3">￥798</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/s-3.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">今日到手价179</p>
                                    <p >荣耀小K 2 儿童手表</p>
                                    <p class="font3">￥179</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/s-4.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">提前预订立省70元</p>
                                    <p >华为手环4</p>
                                    <p class="font3">￥199</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/s-5.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">NFC智能刷卡</p>
                                    <p >华为手环 4 Pro</p>
                                    <p class="font3">￥399</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/s-6.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">实时心率 精准定位</p>
                                    <p >HUAWEI WATCH GT</p>
                                    <p class="font3">￥1088</p>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    <div class="p1" id="pp7">
                        <div class="lf">智能家居</div>
                        <div class="c-p2">
                            <div><a class="a1 lf c-p2f pad-r-20px">智能路由</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">移动路由</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">WIFI放大器</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">智能存储</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">电视盒子</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">HiLink生态</a></div>
                            <div style="position: absolute;right: 25px;top:0px;font-size: 18px;"><a class="a1">查看更多 ﹥</a></div>
                        </div>
                    </div>
                    <div id="content-4" style="top: 5790px;">

                        <div id="R-T" style="left: 20px;width: 1228px;">
                            <div id="R-T-1" class="m-img lf" style="padding: unset;width: 470px;">
                                <img src="images/content/zj-1.jpg" style="width: 470px;height: 250px;border-radius: 10px;">
                            </div>
                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zj-2.png">
                                <p>荣耀智慧屏X1</p>
                                <p class="font2">预定最高省1500</p>
                                <p class="font3">￥3299</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zj-3.png">
                                <p>华为AI音箱2</p>
                                <p class="font2">新品上市 订金40抵60</p>
                                <p class="font3">￥299</p>
                            </div>
                            <div id="R-T-5" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zj-4.png">
                                <p>【新品上市】荣耀路由3 Wi...</p>
                                <p class="font2">享三期免期</p>
                                <p class="font3">￥219</p>
                            </div>
                        </div>
                        
                        <div id="R-B" style="left: 20px;width: 1228px;">
                            <div id="R-B-1" class="m-img lf">
                                <img src="images/content/zj-5.png">
                                <p>华为智慧屏 V65</p>
                                <p class="font2">预订最高省1000+12...</p>
                                <p class="font3">￥6999</p>
                            </div>
                            <div id="R-B-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zj-6.png">
                                <p>【新品上市】荣耀路由X3-...</p>
                                <p class="font2">新品上市 | 百元千兆</p>
                                <p class="font3">￥99</p>
                            </div>
                            <div id="R-B-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zj-7.png">
                                <p>华为智慧屏V55i</p>
                                <p class="font2">预订最高省1000+12</p>
                                <p class="font3">￥3799</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zj-8.png">
                                <p>荣耀智慧屏系列</p>
                                <p class="font2">预订最高省1500元</p>
                                <p class="font3">￥2999</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/zj-9.png">
                                <p>华为智慧屏V75</p>
                                <p class="font2">预订省1000+12期免息</p>
                                <p class="font3">￥12999</p>
                            </div>
                        </div>
                        
                    </div>
                    <div id="content-3" style="top:6370px">
                        <div class="con-more">
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius"
                            style="width: 180px;height: 180px; padding: unset;margin-left: 23px;">
                                <img src="images/content/a-1.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">享3期免息</p>
                                    <p >【新品上市】荣耀路...</p>
                                    <p class="font3">￥129</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/a-2.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">Wi-Fi 6路由 多...</p>
                                    <p >华为路由AX3</p>
                                    <p class="font3">￥229</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/a-3.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">凌霄四核CPU 专...</p>
                                    <p >荣耀猎人游戏路由</p>
                                    <p class="font3">￥399</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/a-4.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">预定最高省1000</p>
                                    <p >HUAWEI Sound X</p>
                                    <p class="font3">￥1999</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/a-5.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">新品预订省400+...</p>
                                    <p >华为智慧屏X65</p>
                                    <p class="font3">￥24999</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/a-6.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">提前预订省40元</p>
                                    <p >华为路由 A2</p>
                                    <p class="font3">￥399</p>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    <div class="p1" id="pp8">
                        <div class="lf" style="margin-left: 5px;">热销配件</div>
                        <div class="c-p2">
                            <div><a class="a1 lf c-p2f pad-r-20px">移动电源</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">充电器/线材</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">自拍杆/支架</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">摄像头/镜头</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">智能硬件</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">生活周边</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">其他</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">保护壳</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">保护套</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">贴膜</a></div>
                            <div style="position: absolute;right: 25px;top:0px;font-size: 18px;"><a class="a1">查看更多 ﹥</a></div>
                        </div>
                    </div>
                    <div id="content-4" style="top: 6760px;">

                        <div id="R-T" style="left: 20px;width: 1228px;">
                            <div id="R-T-1" class="m-img lf" style="padding: unset;width: 470px;">
                                <img src="images/content/rx-1.jpg" style="width: 470px;height: 250px;border-radius: 10px;">
                            </div>
                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/rx-2.png">
                                <p>荣耀 FlyPods 3真无线耳机</p>
                                <p class="font2">预定省100送赠品免息</p>
                                <p class="font3">￥799</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/rx-3.png">
                                <p>荣耀xSport PRO运动蓝牙...</p>
                                <p class="font2">预定省100送赠品</p>
                                <p class="font3">￥329</p>
                            </div>
                            <div id="R-T-5" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/rx-4.png">
                                <p>HUAWEI FreeLace 无线耳机</p>
                                <p class="font2">特惠预订价349</p>
                                <p class="font3">￥499</p>
                            </div>
                        </div>
                        
                        <div id="R-B" style="left: 20px;width: 1228px;">
                            <div id="R-B-1" class="m-img lf">
                                <img src="images/content/rx-5.png">
                                <p>HUAWEI GM 智能眼镜</p>
                                <p class="font2">3期免息</p>
                                <p class="font3">￥1999</p>
                            </div>
                            <div id="R-B-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/rx-6.png">
                                <p>华为立式超级快充Max 40W</p>
                                <p class="font2">领卷立省30元</p>
                                <p class="font3">￥299</p>
                            </div>
                            <div id="R-B-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/rx-7.png">
                                <p>荣耀FlyPods青春版 真无线</p>
                                <p class="font2">预订省100元送赠品</p>
                                <p class="font3">￥329</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/rx-8.png">
                                <p>华为超级快充无线充电器</p>
                                <p class="font2">领卷价159元</p>
                                <p class="font3">￥199</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/rx-9.png">
                                <p>华为智能体脂称</p>
                                <p class="font2">健身燃脂必备</p>
                                <p class="font3">￥169</p>
                            </div>
                        </div>
                        
                    </div>
                    <div id="content-3" style="top:7320px">
                        <div class="con-more">
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius"
                            style="width: 180px;height: 180px; padding: unset;margin-left: 23px;">
                                <img src="images/content/d-1.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">领卷价249元</p>
                                    <p >华为超级快充无线车充</p>
                                    <p class="font3">￥299</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/d-2.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">10天待机/11小时续航</p>
                                    <p >荣耀xSport 运动蓝牙...</p>
                                    <p class="font3">￥249</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/d-3.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">享3期免息</p>
                                    <p >华为智能体脂称 2 Pro</p>
                                    <p class="font3">￥499</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/d-4.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">新品首销</p>
                                    <p >华为超级快充多协议...</p>
                                    <p class="font3">￥199</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/d-5.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">14项指标显示...</p>
                                    <p >荣耀智能体脂称2</p>
                                    <p class="font3">￥79</p>
                                </div>
                            </div>
                            <div id="c-3-1" class="lf padding20px wandh t-border-radius b-border-radius mlf"
                            style="width: 180px;height: 180px; padding: unset;">
                                <img src="images/content/d-6.png" style="width: 150px;height:150px;margin-left: 17px;">
                                <div class="c-m-f1 b-border-radius" style="width: 180px;margin-left: 0px;bottom: 0px;">
                                    <p class="font2">27W无线快充</p>
                                    <p >荣耀无线充电器</p>
                                    <p class="font3">￥149</p>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    <div class="p1" id="pp10">
                        <div class="lf" style="margin-left: 5px;">生态精品</div>
                        <div class="c-p2">
                            <div><a class="a1 lf c-p2f pad-r-20px">生活电源</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">影音娱乐</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">厨电卫浴</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">智能灯光</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">安防门锁</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">数码周边</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">环境卫士</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">健康保健</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">运动健身</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">户外出行</a></div>
                            <div style="position: absolute;right: 25px;top:0px;font-size: 18px;"><a class="a1">查看更多 ﹥</a></div>
                        </div>
                    </div>
                    <div id="content-4" style="top: 7700px;">

                        <div id="R-T" style="left: 20px;width: 1228px;">
                            <div id="R-T-1" class="m-img lf" style="padding: unset;width: 470px;">
                                <img src="images/content/sh-1.jpg" style="width: 470px;height: 250px;border-radius: 10px;">
                            </div>
                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sh-2.png">
                                <p>博乐宝智能净饮机</p>
                                <p class="font2">净化加热只需3秒</p>
                                <p class="font3">￥1499</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sh-3.png">
                                <p>力博得智能声波牙刷 优漾</p>
                                <p class="font2">90天超长续航</p>
                                <p class="font3">￥179</p>
                            </div>
                            <div id="R-T-5" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sh-4.png">
                                <p>小豚当家AI全彩摄像头</p>
                                <p class="font2">夜晚也记录彩色画面</p>
                                <p class="font3">￥179</p>
                            </div>
                        </div>
                        
                        <div id="R-B" style="left: 20px;width: 1228px;">
                            <div id="R-B-1" class="m-img lf">
                                <img src="images/content/sh-5.png">
                                <p>欧普读写台灯</p>
                                <p class="font2">AA级立体双光源</p>
                                <p class="font3">￥169</p>
                            </div>
                            <div id="R-B-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sh-6.png">
                                <p>PINTOS品多H1智能锁</p>
                                <p class="font2">极简设计,一步开门</p>
                                <p class="font3">￥1199</p>
                            </div>
                            <div id="R-B-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sh-7.png">
                                <p>享睡 智能健康枕</p>
                                <p class="font2">高低护颈枕头</p>
                                <p class="font3">￥329</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sh-8.png">
                                <p>水母云智能幻彩灯带</p>
                                <p class="font2">智能幻彩</p>
                                <p class="font3">￥129</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/sh-9.png">
                                <p>欧普智能护眼台灯Pro</p>
                                <p class="font2">节律光自动调节色温</p>
                                <p class="font3">￥369</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="banner" style="top:8300px;">
                        <img src="images/content/05 banner2/b2.jpg">
                    </div>
                    <div class="p1" id="pp9">
                        <div class="lf" style="margin-left: 5px;">精选配件</div>
                        <div class="c-p2">
                            <div><a class="a1 lf c-p2f pad-r-20px">移动电源</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">充电器/线材</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">自拍杆/支架</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">摄像头/镜头</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">智能硬件</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">生活周边</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">其他</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">保护壳</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">保护套</a></div>
                            <div><a class="a1 lf c-p2f pad-r-20px">贴膜</a></div>
                            <div style="position: absolute;right: 25px;top:0px;font-size: 18px;"><a class="a1">查看更多 ﹥</a></div>
                        </div>
                    </div>

                    <div id="content-4" style="top: 8600px;">

                        <div id="R-T" style="left: 20px;width: 1228px;">
                            <div id="R-T-1" class="m-img lf" style="padding: unset;width: 470px;">
                                <img src="images/content/jx-1.jpg" style="width: 470px;height: 250px;border-radius: 10px;">
                            </div>
                            <div id="R-T-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jx-2.png">
                                <p>荣耀亲选舒压随身按摩贴</p>
                                <p class="font2">仿生按摩</p>
                                <p class="font3">￥109</p>
                            </div>
                            <div id="R-T-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jx-3.png">
                                <p>生物陶瓷顺发电吹风</p>
                                <p class="font2">科技美学电吹风</p>
                                <p class="font3">￥199</p>
                            </div>
                            <div id="R-T-5" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jx-4.png">
                                <p>青稞智能指纹锁 E5H 款</p>
                                <p class="font2">为安全而生</p>
                                <p class="font3">￥1699</p>
                            </div>
                        </div>
                        
                        <div id="R-B" style="left: 20px;width: 1228px;">
                            <div id="R-B-1" class="m-img lf">
                                <img src="images/content/jx-5.png">
                                <p>荣耀亲选智能行车记录仪</p>
                                <p class="font2">智能语音抓拍</p>
                                <p class="font3">￥369</p>
                            </div>
                            <div id="R-B-2" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jx-6.png">
                                <p>绿联 高清投屏转换器</p>
                                <p class="font2">大屏办公</p>
                                <p class="font3">￥139</p>
                            </div>
                            <div id="R-B-3" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jx-7.png">
                                <p>防盗双肩包——圭</p>
                                <p class="font2">防盗设计</p>
                                <p class="font3">￥149</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jx-8.png">
                                <p>单双柄两用游戏手柄</p>
                                <p class="font2">适用于大屏场景</p>
                                <p class="font3">￥289</p>
                            </div>
                            <div id="R-B-4" class="m-img lf" style="margin-left: 10px;">
                                <img src="images/content/jx-9.png">
                                <p>公牛魔方USB插座</p>
                                <p class="font2">集成收纳 小巧方便</p>
                                <p class="font3">￥65</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="banner" style="top: 9200px;">
                        <img src="images/content/05 banner2/b3.jpg">
                    </div>
                    </div>
                <div id="footer">
                    <div id="f-1">
                        <div id="f-1-1">
                        </div>
                        <div id="f-1-2">
                            
                        </div>
                        <div id="f-1-3">
                            
                        </div>
                        <div id="f-1-4">
                            
                        </div>
                    </div>
                    <div id="f-2">
                        <div id="f-2-1">
                            <img src="images/content/graylogo.png">
                        </div>
                        <div id="f-2-2">
                            <div class="fl"><a>华为集团</a></div>
                            <div class="fl"><a>华为CBG官网</a></div>
                            <div class="fl"><a>荣耀官网</a></div>
                            <div class="fl"><a>花粉俱乐部</a></div>
                            <div class="fl"><a>华为应用市场</a></div>
                            <div class="fl"><a>EMUI</a></div>
                            <div class="fl"><a>华为终端云空间</a></div>
                            <div class="fl"><a>开发联盟</a></div>
                            <div class="fl"><a>华为商场手机版</a></div>
                            <div class="fl"><a>网站地图</a></div>
                        </div>
                        <div id="f-2-3">
                            <a>隐私声明 </a><a>服务协议</a><a>COOKIES</a>
                            Copyright © 2012-2020 华为终端有限公司 版权所有
                            <a>粤ICP备19015064号|</a>
                            <a>粤公网安备 4419002003939号</a><br>
                            增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182
                        </div>
                        <div id="f-middle">
                        <div id="f-2-4" style="margin-left: 20px;">
                            <p>购物相关</p>
                            <p><a>购物指南</a></p>
                            <p><a>配送方式</a></p>
                            <p><a>支付方式</a></p>
                            <p><a>常见问题</a></p>
                        </div>
                        <div id="f-2-4">
                            <p>保修与退换货</p>
                            <p><a>保修政策</a></p>
                            <p><a>退换货政策</a></p>
                            <p><a>退换货流程</a></p>
                            <p><a>保修状态查询</a></p>
                            <p><a>配件防伪查询</a></p>
                        </div>
                        <div id="f-2-4" >
                            <p>维修与技术支持</p>
                            <p><a>售后网点</a></p>
                            <p><a>预约维修</a></p>
                            <p><a>手机寄修</a></p>
                            <p><a>备件价格查询</a></p>
                            <p><a>上门服务</a></p>
                        </div>
                        <div id="f-2-4">
                            <p>特色服务</p>
                            <p><a>防伪查询</a></p>
                            <p><a>补购保障</a></p>
                            <p><a>以旧换新</a></p>
                            <p><a>礼品包装</a></p>
                        </div>
                        <div id="f-2-4">
                            <p>关于我们</p>
                            <p><a>公司简介</a></p>
                            <p><a>华为商城简介</a></p>
                            <p><a>华为零售店</a></p>
                            <p><a>荣耀零售店</a></p>
                            <p><a>意见反馈</a></p>
                        </div>
                        <div id="f-2-4">
                            <p>友情链接 < ></p>
                            <p><a>华为集团</a></p>
                            <p><a>华为CBG官网</a></p>
                            <p><a>荣耀官网</a></p>
                            <p><a>花粉俱乐部</a></p>
                            <p><a>华为云</a></p>
                        </div>
                        </div>
                    </div>
                    <div id="f-3">
                        <p style="font-size: 20px;font-weight: bold;color: rgb(87,87,87);">950805</p>
                        <br>
                        <p style="font-size: 12px;">7x24小时客服热线 (仅收市话费) </p>
                        <br>
                        <div id="kefu">
                            在线客服
                        </div>
                        <span id="vmall" style="margin-left: -30px;">关注Vmall:</span>
                        <div id="vmall-img">
                            <img src="images/footer/vamll-1.png">
                            <img src="images/footer/vamll-2.png">
                            <img src="images/footer/vamll-3.png">
                            <img src="images/footer/vamll-4.png">
                        </div>
                    </div>
                </div>   <!--定义footer部分-->
                <div id="More">
                    <div id="more1">
                        <div class="more" id="mo1" onmouseenter="min('mo',2)" onmouseleave="mout('mo',2)"
                        style="border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;">
                            <p><a href="">EMUI</a></p>
                            <p><a href="">应用市场</a></p>
                            <p><a href="">华为终端云空间</a></p>
                            <p><a href="">开发者联盟</a></p>
                        </div> 
                    </div>    
                </div>

                <div id="kfd">
                    <div id="kfm" onmouseenter="min1('kf',2)" onmouseleave="mout1('kf',2)">
                        <p><a>服务中心</a></p>
                        <p><a>联系客服</a></p>
                    </div>
                    <div id="gwcx"  onmouseenter="min4('gwc',2)" onmouseleave="mout4('gwc',2)">
                        <img src="images/header/102.png">
                    </div>                    
                    <div id="sjbx"  onmouseenter="min3('sjb',2)" onmouseleave="mout3('sjb',2)">
                        <img src="images/header/101.png">
                    </div>
                    <div id="wzdh" onmouseenter="min2('wd',2)" onmouseleave="mout2('wd',2)">
                        <div style="width: 65px;height: 80px;text-align: center;position: absolute;top:30px;left:30px">
                            <img src="images/header/100.png"><br>
                            <a>商城首页</a>
                        </div>
                        <div style="position: absolute;line-height: 30px;left: 200px;top: 30px;">
                            <p class="bf">频道</p>
                            <div style="position: absolute;width: 50px;"><p><a>华为专区</a></p></div>
                            <div style="position: absolute;width: 50px;left: 60px;"><p><a>荣耀专区</a></p></div>
                            <div style="position: absolute;width: 50px;top: 60px;"><p><a>企业购</a></p></div>
                        </div>
                        <div style="position: absolute;line-height: 30px;left: 340px;top: 30px;">
                            <p class="bf">产品</p>
                            <div style="position: absolute;width: 60px;"><p><a>手机</a></p></div>
                            <div style="position: absolute;width: 60px;left: 60px;"><p><a>笔记本</a></p></div>
                            <div style="position: absolute;width: 60px;top: 60px;"><p><a>平板</a></p></div>
                            <div style="position: absolute;width: 60px;top: 60px;left: 60px;"><p><a>智能穿戴</a></p></div>
                            <div style="position: absolute;width: 60px;top: 85px;"><p><a>智能家居</a></p></div>
                            <div style="position: absolute;width: 60px;top: 85px;left: 60px;"><p><a>智慧屏</a></p></div>
                            <div style="position: absolute;width: 60px;top: 110px;"><p><a>耳机音箱</a></p></div>
                            <div style="position: absolute;width: 60px;top: 110px;left: 60px;"><p><a>热销配件</a></p></div>
                            <div style="position: absolute;width: 60px;top: 140px;"><p><a>生态产品</a></p></div>
                            <div style="position: absolute;width: 60px;top: 140px;left: 60px;"><p><a>增值服务</a></p></div>
                        </div>
                        <div style="position: absolute;line-height: 30px;left: 480px;top: 30px;">
                            <p class="bf">增值服务</p>
                            <div style="position: absolute;width: 50px;"><p><a>以旧换新</a></p></div>
                            <div style="position: absolute;width: 50px;left: 60px;"><p><a>补购保障</a></p></div>
                            <div style="position: absolute;width: 80px;top: 60px;"><p><a>一口价换电池</a></p></div>
                        </div>
                        <div style="position: absolute;line-height: 30px;left: 630px;top: 30px;">
                            <p class="bf">会员</p>
                            <div style="position: absolute;width: 50px;"><p><a>会员频道</a></p></div>
                        </div>
                    </div>
                </div>
                <div id="content-t-menu">
                    <div id="c-menu">
                        <div class="menu-div b-t" id="1" onmouseenter="mmin(1,1)" onmouseleave="mmout(1,1)"><a>手机</a><div id="m-m">＞</div></div>
                        <div class="menu-div" id="2"onmouseenter="mmin(2,1)" onmouseleave="mmout(2,1)"><a>笔记本</a><div id="m-m">＞</div></div>
                        <div class="menu-div" id="3"onmouseenter="mmin(3,1)" onmouseleave="mmout(3,1)"><a>平板</a><div id="m-m">＞</div></div>
                        <div class="menu-div" id="4"onmouseenter="mmin(4,1)" onmouseleave="mmout(4,1)"><a>智能穿戴&VR</a><div id="m-m">＞</div></div>
                        <div class="menu-div" id="5"onmouseenter="mmin(5,1)" onmouseleave="mmout(5,1)"><a>智能家居</a><div id="m-m">＞</div></div>
                        <div class="menu-div" id="6"onmouseenter="mmin(6,1)" onmouseleave="mmout(6,1)"><a>智慧屏</a><div id="m-m">＞</div></div>
                        <div class="menu-div" id="7"onmouseenter="mmin(7,1)" onmouseleave="mmout(7,1)"><a>耳机音箱</a><div id="m-m">＞</div></div>
                        <div class="menu-div" id="8"onmouseenter="mmin(8,1)" onmouseleave="mmout(8,1)"><a>配件</a><div id="m-m">＞</div></div>
                        <div class="menu-div" id="9"onmouseenter="mmin(9,1)" onmouseleave="mmout(9,1)"><a>生态产品</a><div id="m-m">＞</div></div>
                        <div class="menu-div b-b" id="10"onmouseenter="mmin(10,1)" onmouseleave="mmout(10,1)"><a>增值服务&其他</a><div id="m-m">＞</div></div>
                    </div>
                    <div id="menu-1" class="c-m" onmouseenter="mmin(1,2)" onmouseleave="mmout(1,2)">
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;">
                            <img src="images/content/1-1.png" alt="">
                            HUAWEI P系列
                        </div>
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;right:10px">
                            <img src="images/content/1-2.png" alt="">
                            荣耀 V系列
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;">
                            <img src="images/content/1-3.png" alt="">
                            HUAWEI Mate系列
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;right:10px">
                            <img src="images/content/1-4.png" alt="">
                            荣耀 HONOR系列
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;">
                            <img src="images/content/1-5.png" alt="">
                            HUAWEI nova系列
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;right:10px">
                            <img src="images/content/1-6.png" alt="">
                            荣耀 X系列
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;">
                            <img src="images/content/1-7.png" alt="">
                            荣耀畅想系列
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;right:10px">
                            <img src="images/content/1-8.png" alt="">
                            荣耀 Play系列
                        </div>
                        <div class="c-m-1"style="margin-top: 310px;margin-left:10px;">
                            <img src="images/content/1-9.png" alt="">
                            HUAWEI 麦芒系列
                        </div>
                        <div class="c-m-2"style="margin-top: 310px;margin-left:10px;right:10px">
                            <img src="images/content/000.png" alt="" style="width:172px;height:57px">
                        </div>
                    </div>
                    <div id="menu-2" class="c-m" onmouseenter="mmin(2,2)" onmouseleave="mmout(2,2)">
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;">
                            <img src="images/content/2-1.png" alt="">
                            华为Matebook X系列
                        </div>
                        <div class="c-m-2"style="margin-top: 20px;margin-left:10px;right:10px">
                            <img src="images/content/000.png" alt="" style="width:172px;height:57px">
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;">
                            <img src="images/content/2-2.png" alt="">
                            华为Matebok系列
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;">
                            <img src="images/content/2-3.png" alt="">
                            华为Matebook D系列
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;">
                            <img src="images/content/2-4.png" alt="">
                            荣耀MagicBook系列
                        </div>
                        <div class="c-m-1"style="margin-top: 310px;margin-left:10px;">
                            <img src="images/content/2-5.png" alt="">
                            荣耀MagicBook Pro系列
                        </div>
                    </div>
                    <div id="menu-3" class="c-m" onmouseenter="mmin(3,2)" onmouseleave="mmout(3,2)">
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;">
                            <img src="images/content/3-1.png" alt="">
                            华为MatePad 系列
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;">
                            <img src="images/content/3-2.png" alt="">
                            荣耀数字系列
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;">
                            <img src="images/content/3-3.png" alt="">
                            荣耀畅享系列
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;">
                            <img src="images/content/3-4.png" alt="">
                            荣耀畅玩系列
                        </div>
                        <div class="c-m-2"style="margin-top: 310px;margin-left:10px;">
                            <img src="images/content/000.png" alt="" style="width:172px;height:57px">
                        </div>
                    </div>
                    <div id="menu-4" class="c-m" onmouseenter="mmin(4,2)" onmouseleave="mmout(4,2)">
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;">
                            <img src="images/content/4-1.png" alt="">
                            VR
                        </div>
                        <div class="c-m-2"style="margin-top: 20px;margin-left:10px;right:10px">
                            <img src="images/content/000.png" alt="" style="width:172px;height:57px">
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;">
                            <img src="images/content/4-2.png" alt="">
                            智能手表
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;">
                            <img src="images/content/4-3.png" alt="">
                            儿童手表
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;">
                            <img src="images/content/4-4.png" alt="">
                            智能手环
                        </div>
                        <div class="c-m-1"style="margin-top: 310px;margin-left:10px;">
                            <img src="images/content/4-5.png" alt="">
                            智能健康配件
                        </div>
                    </div>
                    <div id="menu-5" class="c-m" onmouseenter="mmin(5,2)" onmouseleave="mmout(5,2)">
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;">
                            <img src="images/content/5-1.png" alt="">
                            智能路由
                        </div>
                        <div class="c-m-2"style="margin-top: 20px;margin-left:10px;right:10px">
                            <img src="images/content/000.png" alt="" style="width:172px;height:57px">
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;">
                            <img src="images/content/5-2.png" alt="">
                            移动路由
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;">
                            <img src="images/content/5-3.png" alt="">
                            智能音箱
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;">
                            <img src="images/content/5-4.png" alt="">
                            智能存储
                        </div>
                        <div class="c-m-1"style="margin-top: 310px;margin-left:10px;">
                            <img src="images/content/5-5.png" alt="">
                            HiLink生态
                        </div>
                    </div>
                    <div id="menu-6" class="c-m" onmouseenter="mmin(6,2)" onmouseleave="mmout(6,2)"style="width:250px">
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;">
                            <img src="images/content/6-1.png" alt="">
                            华为智慧屏
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;">
                            <img src="images/content/6-2.png" alt="">
                            荣耀智慧屏
                        </div>
                        <div class="c-m-2"style="margin-top: 170px;margin-left:10px;">
                            <img src="images/content/000.png" alt="" style="width:172px;height:57px">
                        </div>
                    </div>
                    <div id="menu-7" class="c-m" onmouseenter="mmin(7,2)" onmouseleave="mmout(7,2)">
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;">
                            <img src="images/content/7-1.png" alt="">
                            真无线耳机
                        </div>
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;right:10px">
                            <img src="images/content/7-2.png" alt="">
                            智能音箱
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;">
                            <img src="images/content/7-3.png" alt="">
                            有线耳机
                        </div>
                        <div class="c-m-2"style="margin-top: 100px;margin-left:10px;right:10px">
                            <img src="images/content/000.png" alt="" style="width:172px;height:57px">
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;">
                            <img src="images/content/7-4.png" alt="">
                            蓝牙耳机
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;">
                            <img src="images/content/7-5.png" alt="">
                            蓝牙音箱
                        </div>
                        <div class="c-m-1"style="margin-top: 310px;margin-left:10px;">
                            <img src="images/content/7-6.png" alt="">
                            智能眼镜
                        </div>
                    </div>
                    <div id="menu-8" class="c-m" onmouseenter="mmin(8,2)" onmouseleave="mmout(8,2)" style="width: 750px;">
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;">
                            <img src="images/content/8-1.png" alt="">
                            充电器/线材
                        </div>
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;right:260px">
                            <img src="images/content/8-2.png" alt="">
                            生活周边
                        </div>
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;right:10px">
                            <img src="images/content/8-3.png" alt="">
                            平板配件
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;">
                            <img src="images/content/8-4.jpg" alt="">
                            移动电源
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;right:260px">
                            <img src="images/content/8-5.png" alt="">
                            保护壳
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;right:10px">
                            <img src="images/content/8-6.png" alt="">
                            智慧屏配件
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;">
                            <img src="images/content/8-7.png" alt="">
                            自拍杆/支架
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;right:260px">
                            <img src="images/content/8-8.png" alt="">
                            保护套
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;right:10px">
                            <img src="images/content/8-9.png" alt="">
                            穿戴配件
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;">
                            <img src="images/content/8-10.png" alt="">
                            摄像机/镜头
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;right:260px">
                            <img src="images/content/8-11.png" alt="">
                            贴膜
                        </div>
                        <div class="c-m-2"style="margin-top: 240px;margin-left:10px;right:10px">
                            <img src="images/content/000.png" alt="" style="width:172px;height:57px">
                        </div>
                        <div class="c-m-1"style="margin-top: 310px;margin-left:10px;">
                            <img src="images/content/8-12.png" alt="">
                            智能硬件
                        </div>
                        <div class="c-m-1"style="margin-top: 310px;margin-left:10px;right:260px">
                            <img src="images/content/8-13.png" alt="">
                            个人电脑配件
                        </div>
                    </div>
                    <div id="menu-9" class="c-m" onmouseenter="mmin(9,2)" onmouseleave="mmout(9,2)" style="width: 750px;">
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;">
                            <img src="images/content/9-1.png" alt="">
                            充电器/线材
                        </div>
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;right:260px">
                            <img src="images/content/9-2.png" alt="">
                            生活周边
                        </div>
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;right:10px">
                            <img src="images/content/9-3.png" alt="">
                            平板配件
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;">
                            <img src="images/content/9-4.png" alt="">
                            移动电源
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;right:260px">
                            <img src="images/content/9-5.png" alt="">
                            保护壳
                        </div>
                        <div class="c-m-2"style="margin-top: 100px;margin-left:10px;right:10px">
                            <img src="images/content/000.png" alt="" style="width:172px;height:57px">
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;">
                            <img src="images/content/9-6.png" alt="">
                            自拍杆/支架
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;right:260px">
                            <img src="images/content/9-7.png" alt="">
                            保护套
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;">
                            <img src="images/content/9-8.png" alt="">
                            摄像机/镜头
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;right:260px">
                            <img src="images/content/9-9.png" alt="">
                            贴膜
                        </div>

                        <div class="c-m-1"style="margin-top: 310px;margin-left:10px;">
                            <img src="images/content/9-10.png" alt="">
                            智能硬件
                        </div>
                        <div class="c-m-1"style="margin-top: 310px;margin-left:10px;right:260px">
                            <img src="images/content/9-11.png" alt="">
                            个人电脑配件
                        </div>
                    </div>
                    <div id="menu-10" class="c-m" onmouseenter="mmin(10,2)" onmouseleave="mmout(10,2)">
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;">
                            <img src="images/content/10-1.png" alt="">
                            华为视频卡
                        </div>
                        <div class="c-m-1"style="margin-top: 20px;margin-left:10px;right:10px">
                            <img src="images/content/10-2.png" alt="">
                            服务器
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;">
                            <img src="images/content/10-3.png" alt="">
                            花币卡
                        </div>
                        <div class="c-m-1"style="margin-top: 100px;margin-left:10px;right:10px">
                            <img src="images/content/10-4.png" alt="">
                            AI计算平台
                        </div>
                        <div class="c-m-1"style="margin-top: 170px;margin-left:10px;">
                            <img src="images/content/10-5.png" alt="">
                            华为音乐卡
                        </div>
                        <div class="c-m-2"style="margin-top: 170px;margin-left:10px;right:10px">
                            <img src="images/content/000.png" alt="" style="width:172px;height:57px">
                        </div>
                        <div class="c-m-1"style="margin-top: 240px;margin-left:10px;">
                            <img src="images/content/10-6.png" alt="">
                            华为云空间
                        </div>
                        <div class="c-m-1"style="margin-top: 310px;margin-left:10px;">
                            <img src="images/content/10-7.png" alt="">
                            电池更换服务
                        </div>
                    </div>
                </div>
        </div>
    </body>
</html>